﻿[bar] {
    float: left;
    width: 50%;
    height: 400px;
}

[pie] {
    float: left;
    width: 50%;
    height: 400px;
    border-top: 0.4vw solid #FFFFFF;
}


[group] {
    float: left;
    margin: 1.6vw 1.6vw 0 1.6vw;
    padding: 0 0 0 2.4vw;
    border-radius: 1.2vw;
    background-color: #FAFAFA;
}

    [group] > [group-title] {
        float: left;
        display: flex;
        width: 100%;
        font-size: 2vw;
    }

        [group] > [group-title] > div:nth-child(1) > img {
            margin: 0 1.2vw 0 0;
            width: 2vw;
        }

        [group] > [group-title] > div:nth-child(2) {
            flex: 1;
            padding: 1vw 0;
            color: #909090;
        }

    [group] > [group-item] {
        display: flex;
        width: 20vw;
        float: left;
        font-size: 2vw;
        margin: 1vw;
    }

        [group] > [group-item] > div:nth-child(1) {
            flex: 1;
            color: #909090;
        }

        [group] > [group-item] > div:nth-child(2) {
            text-align: right;
            color: #323232;
        }
